Ext.define('passport.tabs.item.Product', {
    extend: 'Ext.panel.Panel',
    	alias : 'widget.tiProduct',
			title: 'Product',
			border: 1,
			bodyBorder: false,
			closable: true,
			
			style: 'background:#FFFFFF',
			
			getProductTree: function(){
				this.productTree = Ext.create('passport.trees.Product', {
						region: 'west',
			            collapsible: false,
			            width: 225,
			            floatable: true,
			            split: true,
			            minWidth: 175
					});
				return this.productTree;
			},			
			
			getProductPanel: function() {
				this.tpProduct = Ext.create('passport.tabs.panel.Product',{   
      		region: 'center'
      	});
				return this.tpProduct;
			},

	    initComponent: function() {
	    	Ext.apply(this, 
	    	{
            padding: 1,
            layout: 'border',
            items: 
            [
            	this.getProductTree(), 
            	this.getProductPanel()
            ]
        });
				this.callParent(arguments);
			}
})

